
/* S= Page Recommend */
.w-recommend {
	position: absolute;
    left: 0;
    top: 200px;
	width: 1920px;
    height: 900px;
}
.w-recommend .item {
	height: 650px;
    width: 900px;
    /*height: 460px;
    width: 660px;*/
    /*-webkit-transform-style: preserve-3d;*/
    /*transform-style: preserve-3d;*/
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    position: absolute;
    top: 90px;    
}
.w-recommend .item .pic {
   /* height: 400px;
    width: 302px;*/
	height: 626px;
    width: 458px;
    z-index: 29;
    -webkit-transform: perspective(500px) rotateY(-11deg);
    transform: perspective(500px) rotateY(-11deg);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-box-shadow: 30px 5px 50px rgba(0,0,0,.9);
    box-shadow: 30px 5px 50px rgba(0,0,0,.9);
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.w-recommend .item .pic img {
    -webkit-box-reflect: below 2px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(.92, transparent), to(rgba(234,234,234,.3)));
    box-reflect: below 2px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(.92, transparent), to(rgba(234,234,234,.3)));
}
/*.w-recommend .item .fold {
    opacity: .95;
    height: 626px;
    width: 22px;
    z-index: 27;
    -webkit-transform: perspective(500px) rotateY(0deg);
    transform: perspective(500px) rotateY(0deg);
    -webkit-transform-origin: 0% 65%;
    transform-origin: 0% 65%;
    -webkit-transition: all .52s ease-in-out;
    transition: all .52s ease-in-out;
    position: absolute;
    left: 457px;
    top: 0;
}*/
.w-recommend .item .fold img {
    -webkit-box-reflect: below 2px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(.92, transparent), to(rgba(234,234,234,.4)));
    box-reflect: below 2px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(.92, transparent), to(rgba(234,234,234,.4)));
}
.w-recommend .item .detail {    
    height: 653px;
    width: 502px;
    z-index: 28;
    -webkit-transform: perspective(500px) rotateY(-11deg) translateZ(-59px);
    transform: perspective(500px) rotateY(-11deg) translateZ(-59px);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition: all .45s ease-in-out;
    transition: all .45s ease-in-out;
    position: absolute;
    left: 0px;
    top: 2px;
}
.w-recommend .item .detail .txt-title,
.w-recommend .item .detail .txt-info {
	display:none;
}
.w-recommend .item .detail .txt-title {
	position:absolute;
	left:60px;
	top:62px;
	color:#d4d4d7;
	font-size:58px;
	line-height:76px; 
    width: 410px;
	height: 76px;
	overflow:hidden;
}
.w-recommend .item .detail .txt-title span {
	background: url(../images/w-icon-hd.png) right no-repeat;
	padding-right:90px;
}
.w-recommend .item .detail .txt-info {
	position:absolute;
	left:60px;
	top:177px;
}
.w-recommend .item .detail .txt-info p {
	color:#dfdfe2;
	font-size:40px;
	line-height:56px; 
    width: 405px;
	height:56px; 
	overflow:hidden;
	zoom:1;
}
.w-recommend .item .detail .txt-info p span {
	float:left;
}
.w-recommend .item .detail .fo01 {
	color:#a4a4a7;
	width:115px;
}
.w-recommend .item .detail .fo02 {
	width:280px;
}
.w-recommend .item .detail .star {
	margin:0 0 0 108px;
	background: url(../images/w-fivestar.png) right no-repeat;
	width: 245px;
	height:53px;
}
.w-recommend .item .detail .star .onstar {
	background: url(../images/w-fivestar_focus.png) right no-repeat;
	width: 245px;
	height:53px;
	margin:0 0 0 -2px;
	padding:0;
}
.w-recommend .item .iconTop {
    height: 66px;
    width: 148px;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    opacity: 0;
    position: absolute;
    top: -90px;
    left: 250px;
}
.w-recommend .item_focus .iconTop,
.w-recommend .item:hover .iconTop {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    opacity: 1;
}
.w-recommend .item_focus .pic,
.w-recommend .item:hover .pic {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    -webkit-box-shadow: 30px 5px 50px rgba(0,0,0,.0);
    box-shadow: 30px 5px 50px rgba(0,0,0,.0);
}
.w-recommend .item_focus .pic img,
.w-recommend .item:hover .pic img {
    -webkit-box-reflect: below 2px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(.92, transparent), to(rgba(234,234,234,.4)));
    box-reflect: below 2px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(.92, transparent), to(rgba(234,234,234,.4)));
}
.w-recommend .item_focus .detail,
.w-recommend .item:hover .detail {
	background: url(../images/w-recommend_detail.png) no-repeat;
    width: 502px;
    -webkit-transition-delay: .25s;
    transition-delay: .25s;
    -webkit-transform: perspective(500px) rotateY(0deg) translateZ(0);
    transform: perspective(500px) rotateY(0deg) translateZ(0);
    left: 457px;
	top:0;
}
/*.w-recommend .item_focus .fold,
.w-recommend .item:hover .fold {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    -webkit-transform: perspective(500px) rotateY(0deg);
    transform: perspective(500px) rotateY(0deg);
}*/
.w-recommend .item_focus .detail .txt-title,
.w-recommend .item_focus .detail .txt-info {
	display:block;
}
.w-recommend .item-leftHide-1 {
    opacity: .1;
    z-index: 32;
    -webkit-transform: perspective(500px) translateZ(36px);
    transform: perspective(500px) translateZ(36px);
    left: -640px; top: 10px;
}
.w-recommend .item-leftHide-2 {
    z-index: 34;
    -webkit-transform: perspective(500px) translateZ(36px);
    transform: perspective(500px) translateZ(36px);
    position: absolute;
    left: -1220px; top: 10px;
}
.w-recommend .item-1 {
    z-index: 30;
    -webkit-transform: perspective(500px) translateZ(0);
    transform: perspective(500px) translateZ(0);
    left: 110px; 
	top: 10px;
}
.w-recommend .item-1 .pic {
    -webkit-transform: perspective(500px) rotateY(0deg);
    transform: perspective(500px) rotateY(0deg);
}
.w-recommend .item-2 {
    z-index: 24;
    -webkit-transform: perspective(500px) translateZ(-41px);
    transform: perspective(500px) translateZ(-41px);
    -webkit-filter: brightness(.8);
    filter: brightness(.8);
    left: 260px; top: 8px;
}
.w-recommend .item-3 {
    z-index: 22;
    -webkit-transform: perspective(500px) translateZ(-85px);
    transform: perspective(500px) translateZ(-85px);
    -webkit-filter: brightness(.8);
    filter: brightness(.8);
    left: 400px; top: 6px;
}
.w-recommend .item-4 {
    z-index: 20;
    -webkit-transform: perspective(500px) translateZ(-134px);
    transform: perspective(500px) translateZ(-134px);
    -webkit-filter: brightness(.7);
    filter: brightness(.7);
    left: 540px; top: 3px;
}
.w-recommend .item-5 {
    z-index: 18;
    -webkit-transform: perspective(500px) translateZ(-184px);
    transform: perspective(500px) translateZ(-184px);
    -webkit-filter: brightness(.7);
    filter: brightness(.7);
    left: 680px; top: 3px;
}
.w-recommend .item-6 {
    z-index: 16;
    -webkit-transform: perspective(500px) translateZ(-238px);
    transform: perspective(500px) translateZ(-238px);
    -webkit-filter: brightness(.5);
    filter: brightness(.5);
    left: 820px; top: 1px;
}
.w-recommend .item-7 {
    opacity: .9;
    z-index: 14;
    -webkit-transform: perspective(500px) translateZ(-300px);
    transform: perspective(500px) translateZ(-300px);
    -webkit-filter: brightness(.5);
    filter: brightness(.5);
    left: 960px; top: -1px;
}
.w-recommend .item-8 {
    opacity: .85;
    z-index: 12;
    -webkit-transform: perspective(500px) translateZ(-364px);
    transform: perspective(500px) translateZ(-364px);
    -webkit-filter: brightness(.5);
    filter: brightness(.5);
    left: 1100px; top: -3px;
}
.w-recommend .item-9 {
    opacity: .7;
    z-index: 10;
    -webkit-transform: perspective(500px) translateZ(-426px);
    transform: perspective(500px) translateZ(-426px);
    -webkit-filter: brightness(.4);
    filter: brightness(.4);
    left: 1240px; top: -3px;
}
.w-recommend .item-10 {
    opacity: .6;
    z-index: 8;
    -webkit-transform: perspective(500px) translateZ(-502px);
    transform: perspective(500px) translateZ(-502px);
    -webkit-filter: brightness(.4);
    filter: brightness(.4);
    left: 1380px; top: -3px;
}
.w-recommend .item-rightHide-1 {
    opacity: 0;
    z-index: 6;
    -webkit-transform: perspective(500px) translateZ(-600px);
    transform: perspective(500px) translateZ(-600px);
    left: 1360px; top: -3px;
}
.w-recommend .item-rightHide-2 {
    opacity: .9;
    z-index: 6;
    -webkit-transform: perspective(500px) translateZ(-600px);
    transform: perspective(500px) translateZ(-600px);
    position: absolute;
    left: 2060px; top: -3px;
}
.w-recommend-info {
	position: absolute;
    left: 92px;
    top: 650px;
}
.w-recommend-info .txt {
	width: 1695px;
	overflow:hidden;
}
.w-recommend-info .txt01 {
	color:#ffffff;
	font-size:40px;
	line-height:46px;
	height: 46px;
}
.w-recommend-info .txt02 {
	top:68px;
	color:#8e93ac;
	font-size:30px;
	line-height:42px;
	height: 126px;
}
/* E= Page Recommend */